<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib uri="/tld/dictionary" prefix="dictionary"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib uri="/tld/dictionary" prefix="dictionary"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${ctx}/static/css/style.css" type="text/css" /> 
<link rel="stylesheet" href="${ctx}/static/css/style1.css" type="text/css" /> 
<link rel="stylesheet" href="${ctx}/static/css/style2.css" type="text/css" /> 
<link rel="stylesheet" href="${ctx}/static/css/kongjian.css" type="text/css" /> 
<link rel="stylesheet" href="${ctx}/static/css/invalid.css" type="text/css" /> 
<link rel="stylesheet" href="${ctx}/static/css/jquery.ui.all.css">
<script src="${ctx}/static/script/jquery-1.4.min.js"></script>
<script src="${ctx}/static/script/jquery.ui.core.js"></script>
<script src="${ctx}/static/script/jquery.ui.widget.js"></script>
<script type="text/javascript" src="${ctx}/static/My97DatePicker/WdatePicker.js"></script>
<script src="${ctx}/static/script/jsCoreUtil.js"></script>
<style type="text/css">
* { margin:0; padding:0;}
.ul,li { list-style:none;}
.tabT { background:#2A3F55; overflow:hidden; width:80px;}
.tabT li {
	width:80px;
	height:30px;
	border-left-width: 0px; 
	border-left-style: initial; 
	border-left-color: initial; 
	background-image: initial; 
	background-attachment: initial; 
	background-origin: initial; 
	background-clip: initial; 
	background-color: rgb(198, 222, 250); 
	background-position: initial initial; 
	background-repeat: initial initial; 
}
.tabT li.on { background:#c6defa;}
.tabC div { padding:20px; border:1px solid #ddd; border-top:0 none; display:none;}

</style>
<script type="text/javascript">
	function mTab_iframe(src,n){
	    m = document.getElementById("tabT").childNodes;
        for(var i = 0;i < m.length;i++){
		    if(i == n){
			    m[i].className = "on";
			}else{
                m[i].className = "";
			}
        };
        document.getElementById("mainFrame").src = src;
	}
</script>
</head>

<body style="margin:10px;">
<form:form id="mainForm" action="${ctx}/order/order_pay_main" modelAttribute="orderForm" method="post">
<form:errors path="id" cssClass="bind-error"/>
<p style=" text-align:left; height:30px; padding:0 10px; line-height:30px; border:#3b97e4 solid 1px;">
	交易单编号：${orderForm} 投资编号：00001 购买人客户编号：0000001 购买人客户姓名：猪八戒 交易金额：10000
	</p>
	<div style="height:10px;"></div>
<p>
<div border:#3b97e4 solid 1px; padding:10px 0 20px;>
  <ul class="tabT" id="tabT">
    <li class="on" onclick="mTab_iframe('${ctx}/order/order_pay_info?id=${orderForm.id}','1')">付款单信息</li>
    <li onclick="mTab_iframe('${ctx}/order/order_bill_info?id=${orderForm.id}','3')">付款单</li>
    <li onclick="mTab_iframe('${ctx}/order/order_pay_list?id=${orderForm.id}','5')">付款单列表</li>
  </ul>
</div>
<div  style=" border:#3b97e4 solid 1px; padding:10px 0 20px; width:1180px; height:500px;">
	 <div class="tabC" >
         <iframe id="mainFrame" name="mainFrame"  src="${ctx}/order/order_pay_info?id=${orderForm.id}" scrolling="no" width="1180px" height="500px" frameborder="0" scrolling="auto"/>
	 </div>   
 </div> 
 </form:form>
</body>
</html>
